<template>
       <div>
         <Input/>
          <div class="haoyouquan">
        <div class="haoyou">
         <div @click="misia()">消息</div>
         <div @click="misib()">好友</div>
         <div @click="misic()">关注</div>
      </div> 
      <keep-alive><router-view></router-view></keep-alive>
      </div>
         <Foot/>
       </div>
</template>

<script>
export default {
methods:{
  misia(){
        this.$router.push("/hyxiaoxi")
  },
  misib(){
        this.$router.push("/hyhaoyou")
  },
  misic(){
        this.$router.push("/hyguanzhu")
  }
}
}
</script>

<style scoped>
.haoyouquan{
  font-size: 0.15rem;
  width: 100%;
  height: auto;
  overflow: auto;
  position: absolute;
  top: 0.5rem;
  bottom: .7rem;
 }
 .haoyou{
   width: 100%;
   height: 0.5rem;
   font-size: 0.2rem;
   /* background-color: greenyellow; */
   display: flex;
   text-align: center;
 }
 .haoyou>div{
   width: 33%;
   line-height: 0.5rem;
 }
</style>